<style>
#managerForm{
	width:380px;
}
#managerForm #submit{
	float:right;
	padding-left:16px;
	background-image:url(gui/icons/save.gif);
	background-repeat:no-repeat;
	background-position:3px center;
}
#managerForm fieldset{
	border:1px solid #aaa;
}
#managerForm legend{
	color:#000;
}
#managerForm #zakazan_selected_holder{
	font-weight:bolder;
	padding:2px;
	background:#94bb86 url(gui/icons/ok.gif) no-repeat 4px center;
	font-size:13px;
	color:#fff;
	display:none;
	padding-left:20px;
	margin:2px 0px;
	float:left;
	clear:both;
}
#managerForm #zakazan_selected_holder input[type=button]#editZakazan{
	border:none;
	float:right;
	background:url(gui/icons/edit.gif) no-repeat center center;
	width:16px;
	height:16px;
	margin:0px;
	cursor:pointer;
}
#managerForm #zakazan_selected_holder input[type=button]#editZakazan:hover{
	border:1px solid #000;
	background-color:#fff;
}
#managerForm textarea{
	width:220px;
	height:100px;
}
#managerForm select.yesno{
	max-width:40px;
}
#managerForm select.second{
	margin-left:0px;
}
#managerForm input[type=submit].save{
	background-image:url(gui/icons/save.gif);
	background-repeat:no-repeat;
	background-position:3px center;
	padding-left:18px;
}
#managerForm label{
	width:60px;
	display:block;
	float:left;
	text-align:right;
	padding-top:8px;
}
#managerForm fieldset label{
	width:70px;
}
#managerForm fieldset textarea{
	width:200px;
	height:50px;
}
#managerForm input[type=text]:disabled{
	background:#fff;
	color:#000;
	border:1px solid #7F9DB9;
	cursor:default;
}
#managerForm input[type=button].searchBtn{
	width:16px;
	height:16px;
	background:url(gui/icons/search.gif) no-repeat center center;
	border:none;
	cursor:pointer;
}
#managerForm input[type=button].komBtn{
	width:16px;
	height:16px;
	background:url(gui/icons/next.gif) no-repeat center center;
	border:none;
	cursor:pointer;
}
#rokovnik_alarms{
	float:right;
	padding:5px;
	text-align:right;
	overflow:auto;
	max-width:350px;
	display:none;
}
#rokovnik_alarms #alarm_link{
	display:block;
	float:right;
	height:24px;
	text-decoration:none;
	font-weight:bolder;
	background:url(gui/icons/alarm.gif) no-repeat left center;
	border:none;
	cursor:pointer;
	padding-left:24px;
	font-size:14px;
}
#rokovnik_alarms ol{
	float:right;
	clear:both;
	text-align:left;
	margin:0px;
	padding:5px 5px 5px 30px;
	display:none;
	max-height:500px;
	overflow:auto;
}
#rokovnik_alarms ol li{
	margin:0px;
	padding:0px;
	border-bottom:1px dotted #ccc;
	padding:5px;
	cursor:default;
	font-size:11px;
}
#rokovnik_alarms ol li img.napomena{
	cursor:pointer;
}
#rokovnik_alarms ol li textarea{
	display:none;
}
#rokovnik_alarms ol li strong{
	font-size:12px;
}
#rokovnik_alarms ol li:hover{
	background:#fff;
}
#rokovnik_alarms ol li:last-child{
	border-bottom:none;
}
</style>
<div id="rokovnik_alarms">
	<input type="button" onclick="alarmOnclick(this,'manager')" id="alarm_link" value="" />
	<ol class="area"></ol>
</div>
<form class="area" id="managerForm" action="javascript:void(0)" onsubmit="rokovnikAddFeedback(this)">
<h1>Sastanak - povratna informacija</h1>
<fieldset id="zakazan">
  <legend>Zakazan:</legend>
  	<input type="hidden" name="sastanak_id" id="sastanak_id" value="" />
  	<input id="findMeetingBtn" type="button" value="pronađi" onclick="findMeeting(this)" style="float:right;" />
  	<!-- KOMITENT -->
  	<label for="komitent">Komitent:</label>
	<input type="text" disabled="disabled" name="komitent" id="komitent" />
	<input type="hidden" name="komitent_id" id="komitent_id" />
	<input type="button" onclick="searchKomitentRokovnik(this,1)" title="Nađi komitenta..." value="" class="searchBtn" /><br clear="all" />
	<!-- DATUM -->
	<label for="result_date">Datum:</label>
		<input type="text" name="result_date" id="result_date" maxlength="10" style="width:60px;" onchange="rokovnikIstaVrednost(this,'sastanak_date')" onfocus="rokovnikIstaVrednost(this,'sastanak_date')" onkeypress="if(event.keyCode==13){findMeeting(this); return false;}" />
		<input type="button" class="datePicker" onclick="displayDatePicker('result_date',this)" title="Odaberi datum" />
	<label for="result_hour" style="width:25px;">Sat:</label>
	<input type="text" maxlength="2" name="result_hour" id="result_hour" style="width:16px;" maxval="23" minval="0" value="0" onchange="fixNumStepVal(this);rokovnikIstaVrednost(this,'sastanak_hour')" onkeypress="if(event.keyCode==13){findMeeting(this); return false;}" />
	<img src="gui/numstep.gif" border="0" usemap="#Map1" class="numstep" />
	<label for="result_minute" style="width:auto;">Min:</label>
	<input type="text" maxlength="2" name="result_minute" id="result_minute" style="width:16px;" maxval="59" minval="0" value="0" onchange="fixNumStepVal(this)rokovnikIstaVrednost(this,'sastanak_minute')" onkeypress="if(event.keyCode==13){findMeeting(this); return false;}" />
	<img src="gui/numstep.gif" border="0" usemap="#Map2" class="numstep" />
	<map name="Map1" id="Map1">
		<area shape="rect" coords="0,0,7,5" href="javascript:void(0)" onclick="incrementNumStep('result_hour'); rokovnikIstaVrednost(document.getElementById('result_hour'),'sastanak_hour')" />
		<area shape="rect" coords="0,5,7,10" href="javascript:void(0)" onclick="decrementNumStep('result_hour'); rokovnikIstaVrednost(document.getElementById('result_hour'),'sastanak_hour')" />
	</map>
	<map name="Map2" id="Map2">
		<area shape="rect" coords="0,0,7,5" href="javascript:void(0)" onclick="incrementNumStep('result_minute'); rokovnikIstaVrednost(document.getElementById('result_minute'),'sastanak_minute')" />
		<area shape="rect" coords="0,5,7,10" href="javascript:void(0)" onclick="decrementNumStep('result_minute'); rokovnikIstaVrednost(document.getElementById('result_minute'),'sastanak_minute')" />
	</map><br clear="all" />
</fieldset>
<div id="zakazan_selected_holder">
<input type="button" id="editZakazan" value="" onclick="document.getElementById('zakazan').style.display='block'" title="odaberite drugi zakazani sastanak..." />
Zakazan: <span id="zakazan_selected"></span>
</div><br clear="all" />
<fieldset>
  <legend>Održan:</legend>
  	<!-- DATUM -->
	<label for="sastanak_date">Datum:</label>
		<input type="text" name="sastanak_date" id="sastanak_date" maxlength="10" style="width:60px;" />
		<input type="button" class="datePicker" onclick="displayDatePicker('sastanak_date',this)" title="Odaberi datum" />
	<label for="sastanak_hour" style="width:25px;">Sat:</label>
	<input type="text" maxlength="2" name="sastanak_hour" id="sastanak_hour" style="width:16px;" maxval="23" minval="0" value="0" onchange="fixNumStepVal(this);" />
	<img src="gui/numstep.gif" border="0" usemap="#Map3" class="numstep" />
	<label for="sastanak_minute" style="width:auto;">Min:</label>
	<input type="text" maxlength="2" name="sastanak_minute" id="sastanak_minute" style="width:16px;" maxval="59" minval="0" value="0" onchange="fixNumStepVal(this)" />
	<img src="gui/numstep.gif" border="0" usemap="#Map4" class="numstep" />
	<map name="Map3" id="Map3">
		<area shape="rect" coords="0,0,7,5" href="javascript:void(0)" onclick="incrementNumStep('sastanak_hour')" />
		<area shape="rect" coords="0,5,7,10" href="javascript:void(0)" onclick="decrementNumStep('sastanak_hour')" />
	</map>
	<map name="Map4" id="Map4">
		<area shape="rect" coords="0,0,7,5" href="javascript:void(0)" onclick="incrementNumStep('sastanak_minute')" />
		<area shape="rect" coords="0,5,7,10" href="javascript:void(0)" onclick="decrementNumStep('sastanak_minute')" />
	</map><br clear="all" />
	<label for="radnik">Radnik:</label>
	<select name="radnik" id="radnik">
		{{%loop start radnik_id}}
		<option value="{{$radnik_id}}">{{$radnik_ime}}&nbsp;{{$radnik_prezime}}</option>
		{{%loop end}}
	</select><br clear="all" />
	<label for="napomena">Napomena:</label>
	<textarea name="napomena" id="napomena"></textarea>
</fieldset>
<fieldset>
  <legend>Ishod:</legend>
  <label for="feedback">Ishod:</label>
	<select name="feedback" id="feedback">
		{{%loop start fb_id}}
		<option value="{{$fb_id}}">{{$fb_desc}}</option>
		{{%loop end}}
	</select><br clear="all" />
	<label for="ishod_date">Datum:</label>
		<input type="text" name="ishod_date" id="ishod_date" maxlength="10" style="width:60px;" />
		<input type="button" class="datePicker" onclick="displayDatePicker('ishod_date',this)" title="Odaberi datum" />
	<label for="ishod_hour" style="width:25px;">Sat:</label>
	<input type="text" maxlength="2" name="ishod_hour" id="ishod_hour" style="width:16px;" maxval="23" minval="0" value="0" onchange="fixNumStepVal(this);" />
	<img src="gui/numstep.gif" border="0" usemap="#Map5" class="numstep" />
	<label for="ishod_minute" style="width:auto;">Min:</label>
	<input type="text" maxlength="2" name="ishod_minute" id="ishod_minute" style="width:16px;" maxval="59" minval="0" value="0" onchange="fixNumStepVal(this)" />
	<img src="gui/numstep.gif" border="0" usemap="#Map6" class="numstep" />
	<map name="Map5" id="Map5">
		<area shape="rect" coords="0,0,7,5" href="javascript:void(0)" onclick="incrementNumStep('sastanak_hour')" />
		<area shape="rect" coords="0,5,7,10" href="javascript:void(0)" onclick="decrementNumStep('sastanak_hour')" />
	</map>
	<map name="Map6" id="Map6">
		<area shape="rect" coords="0,0,7,5" href="javascript:void(0)" onclick="incrementNumStep('sastanak_minute')" />
		<area shape="rect" coords="0,5,7,10" href="javascript:void(0)" onclick="decrementNumStep('sastanak_minute')" />
	</map><br clear="all" />
</fieldset>
<input id="submit" value="Sačuvaj" type="submit" />
</form>
<script>
alarmOnclick(document.getElementById("alarm_link"),"manager");
</script>